[cc-list-section|
    <div class="review {isYosemite?is-yosemite:}">

		<div class="review-wrapper">
		
	        <div class="review-header">
	            <h2>{listTitle}</h2>
				<div class="closebutton today" data-action="start-all-today">
					<span class="icon"></span>
					<span class="title">{closeButtonTodayTitle}</span>
				</div>
				<div class="closebutton later" data-action="start-all-later">
					<span class="icon"></span>
					<span class="title">{closeButtonLaterTitle}</span>
				</div>
	        </div>
        

            <ol class="review-list">
                {content}
                <!-- 'content' placeholder will be replaced with cc-list-items. -->
            </ol>

        </div>

		<!--
		<div class="explanation">
			Click <span class="icon today"></span> to start the to-do today.
			Or click <span class="icon later"></span> to start it on a later date.
		</div>
		-->
		
    </div>
|]


List items must have a cc-list-item class.
(This allows us to programmatically add index information for drag and drop
as well as onClick and onDblClick handlers.)

[cc-list-item|
<li class="cc-list-item item {isProject?project:todo} {isSelected?selected:}">
    <div class="item-wrapper">
		<div class="button today" data-action="start-today">
			<span class="icon" title="{startTodayButtonTitle}"></span>
		</div>
		<div class="button later {isActive?active:}" data-action="start-later">
			<span class="icon" title="{startLaterButtonTitle}"></span>
		</div>
        <span class="duedate {isDue?due:}">{fuzzyDueDayDateString}</span>
		<span class="{hasContact?contact:}">{contact}</span>
        <span class="title">{title}</span>
		<span class="badge">{remainingSteps}</span>
        <span class="parent">{containerTitle}</span>
    </div>
</li>
|]